<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minmum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="lib/swiper/css/swiper.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/couponproduct.css">
</head>

<body>
    <header>
        <span>&lt;</span>
        <h1>优惠券</h1>
        <a href="javascript:;" class="download"></a>
    </header>
    <div class="main">
        <h4>--点餐前初始手机中的优惠券，即可享受优惠--</h4>
        <div class="couponList">
            <a class="listItem" href="javascript:;">
                <div class="itemPic">
                    <img src="images/1.jpg" alt="">
                </div>
                <div class="itemInfo">
                    <span>C27  两人小食组 新奥尔良烤翅2块+薯条(中)+黄金鸡块5块+劲爆鸡米花(小) 2016年10月凭肯德基优惠券</span>
                    <p>￥28</p>
                    <i>&gt</i>
                    <em>有效期至10月31日</em>
                </div>
            </a>
        </div>
    </div>
    <footer>
        <div class="tool">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <a href="javascript:;" class="toTop">返回顶部</a>
        </div>
        <div class="copyright">
            <a href="javascript:;">手机下载</a>
            <span>慢慢买手机版--掌上比价平台</span>
            <p>m.manmanbuy.com</p>
        </div>
    </footer>


</body>
<script type="text/html" id="cpProductTmp">
    {{ each result as value i }}
    <a class="listItem" href="javascript:;">
        <div class="itemPic">
            {{ #value.couponProductImg }}
        </div>
        <div class="itemInfo">
            <span>{{ value.couponProductName }}</span>
            <p>{{ value.couponProductPrice }}</p>
            <i>&gt</i>
            <em>{{ value.couponProductTime }}</em>
        </div>
    </a>
    {{ /each }}
    <div class="mask"></div>
    <div class="tt">
        <div class="couponListPic swiper-container">
            <ul class="pic-swiper swiper-wrapper">
                {{ each result as value i }}
                <li class="swiper-slide">
                    <a href="javascript:;"> {{ #value.couponProductImg }}</a>
                </li>
                {{ /each }}
            </ul>
            <!-- 如果需要导航按钮 -->

        </div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
    </div>

</script>

</html>
<script src="lib/jquery/jquery.js"></script>
<script src="js/template.js"></script>
<script src="js/commit.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="lib/zepto-master/zepto.js"></script>
<script src="lib/zepto-master/event.js"></script>
<script src="lib/zepto-master/touch.js"></script>
<script src="lib/iScroll/iscroll.js"></script>
<script src="lib/swiper/js/swiper.js"></script>
<script src="js/couponproduct.js"></script>